Setting group - Product gallery settings - Featured Product

The Product gallery settings - Featured Product group is a crucial part of the core theme settings, focusing on the visual presentation of product imagery across the shop. These settings allow for global customization, with options to adjust column width, gallery position, and image aspect ratios for both desktop and mobile views. This flexibility ensures that product displays are both visually appealing and functional.

Key settings include Column width, which offers options like equal columns or a large column on either side, with a default of Large column on left. The Gallery position setting allows images to be aligned to the left or right, providing flexibility in layout design. The Image aspect ratio setting offers various options to ensure images fit well within the design, with defaults set to Square for both desktop and mobile.

Usage examples highlight the versatility of these settings. You might consider using the "Large column on left" option to emphasize a featured product, or setting the gallery position to "Right" for a structured presentation. Choosing a "Widescreen" aspect ratio can enhance the visual impact of panoramic images, showcasing product photography effectively. These settings provide a strong foundation for creating a cohesive and customizable theme.

Overview

The settings outlined here are part of the core theme settings, specifically for the Product gallery settings - Featured Product group. These settings control the overall look and feel of the shop, particularly focusing on how product imagery is displayed. They are applied globally across the site but can be overridden at the section or block level for more specific customization. These settings are essential for defining the visual presentation of products, ensuring a cohesive and customizable user experience.

Key components and functionality

Column width

This setting allows you to define the width of columns within the theme, specifically for desktop screen sizes. Mobile devices will always display as a single column, ensuring optimal readability and usability.

• Options:
  1. Equal columns
  2. Large column on left
  3. Large column on right
• Default: Large column on left

Gallery settings

Various settings are available for displaying a product’s imagery, allowing you to customize the layout and appearance of image galleries within the theme.

Gallery position

This setting determines the position of the gallery on the page, providing flexibility in how images are aligned with other content.

• Options:
  1. Left
  2. Right

Image aspect ratio

This setting allows you to choose the aspect ratio for images displayed in galleries, ensuring they fit well within the design. Different settings are available for desktop and mobile to accommodate varying screen sizes and orientations.

• Desktop options:

  1. Default
  2. Landscape
  3. Portrait
  4. Square
  5. Widescreen
  6. Ultrawide

• Default: Square

• Mobile options:

  1. Default
  2. Landscape
  3. Portrait
  4. Square
  5. Widescreen
  6. Ultrawide

• Default: Square

Video player controls

This setting enables or disables the display of video player controls, allowing users to interact with video content. This can be particularly useful for enhancing user engagement with product videos.

• Default: Enabled

Usage examples

1. Adjusting column width for product displays:

   • You might consider using the "Large column on left" option to highlight a featured product with additional details on the right, creating a balanced and visually appealing layout.

2. Customizing gallery layout:

   • Consider setting the gallery position to "Right" to align images with text content on the left, providing a structured and organized presentation.

3. Optimizing image display:

   • You might choose the "Widescreen" aspect ratio for desktop galleries to showcase panoramic images, enhancing the visual impact of your product photography.

These settings provide flexibility in designing a visually cohesive and functional theme, allowing for customization to suit various branding and aesthetic preferences.